<template>
  <div id="app">
    <headerView/>
    <div class="main">
<!--      <showView  v-if="false"/>-->
<!--      <addView/>-->
      <router-view></router-view>
<!--      <router-view></router-view>-->
    </div>
    <footerView/>
  </div>
</template>

<style lang="less">
*{
  margin: 0;
  padding: 0;
  font-family: "微软雅黑";
  box-sizing: border-box;
}
a{
 text-decoration: none;
}
ul,ol{
  list-style: none;
}
#app{
  box-shadow: 0 0 20px rgb(66,185,131,0.5);
  width: 1000px;
  border: 1px solid #42b983;
  margin: 0 auto;
  .main{
    width: 1000px;
    min-height: 200px;
  }
}
</style>

<script>
// import headerView from "@/components/headerView";
// import footerView from "@/components/footerView";
// 懒加载
const headerView = () => import('@/components/headerView')
const footerView = () => import('@/components/footerView')
export default {
  components: {
    headerView,
    footerView
  }
}
</script>
